/*
Template Name: Vancl
Template URI: http://www.kygood.com/
Description: Vancl template.
Version: 2.7.2
Author: kaiyuan
Author URI: http://www.kygood.com/
Logo filename: logo.gif
*/

@import url("page_header.css");
@import url("page_footer.css");
@import url("products.css");
@import url("brand.css");
@import url("article.css");
@import url("users.css");
@import url("flow.css");
@import url("libs.css");




/* ====================
     公共样式
==================== */
body{background:#fff; font-size:12px; font-family: Arial,"宋体",Verdana; line-height:150%; margin:0px; padding:0px; color:#404040;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
.block{ width:960px; height:auto;} /*主体容器*/
.blockfull{ width:100%;}/*全宽的容器*/
.f_l{float:left;}
.f_r{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}

.box{border:#b4b4b4 solid 1px;}
.box1{border:#E2E2E2 solid 1px;}

/*自动高对齐*/
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;clear:both;
}
*+html .clearfix{
 height:1%;clear:both;
}

/*全局链接样式*/
a{ color:#353535; text-decoration:none; }
a:hover{ color:#970000; text-decoration:none;}

/*英文强制换行*/
.word{word-break:break-all;}


/*页面留白*/
.blank{height:10px; line-height:10px; clear:both; visibility:hidden;}
.blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden; font-size:0px; padding:0px; margin:0px;}

/*布局*/
.layout_1 .layout_left{width:730px; float:left; overflow:hidden; padding-right:10px;}
.layout_1 .layout_right{width:220px; float:left; overflow:hidden; }

.layout_2 .layout_left{width:220px; float:left; padding-right:10px; _padding-right:6px; overflow:hidden;}
.layout_2 .layout_right{ width:730px; float:left; overflow:hidden;}

.layout_3 .layout_item{ padding-bottom:10px; overflow:hidden;} 

/*公共元素的定义*/

/*按钮样式*/
.btn_style_1{ background:url(../../images/web/elements.gif) no-repeat; width:74px; height:22px; line-height:22px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_2{ background:url(../../images/web/elements.gif) no-repeat 0px -29px; width:74px; height:22px; line-height:22px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_3{ background:url(../../images/web/elements.gif) no-repeat 0px -61px; width:60px; height:20px; line-height:20px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_4{ background:url(../../images/web/elements.gif) no-repeat 0px -288px; width:113px; height:20px; line-height:20px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_5{ background:url(../../images/web/elements.gif) no-repeat -151px -288px; width:174px; height:20px; line-height:20px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_6{ background:url(../../images/web/elements.gif) no-repeat -94px -876px; width:101px; height:39px; line-height:39px; text-align:center; color:#fff; border:none; cursor:pointer; font-size:14px;}
.btn_sumbit_order{background:url(../../images/web/bnt_subOrder.gif) no-repeat 0px 0px; width:117px; height:32px; line-height:32px; border:none; cursor:pointer;}

.btn_tjred{background:url(../../images/web/tjred.gif) no-repeat 0px 0px; width:45px; height:21px; line-height:21px;}
.btn_zcred.{background:url(../../images/web/zcred.gif) no-repeat 0px 0px; width:45px; height:21px; line-height:21px;}
.btn_bjred{background:url(../../images/web/bjred.gif) no-repeat 0px 0px; width:45px; height:21px; line-height:21px;}
.btn_gmred{background:url(../../images/web/gmred.gif) no-repeat 0px 0px; width:45px; height:21px; line-height:21px;}


.btn_style_bigbuy{ background:url(../../images/web/elements.gif) no-repeat -163px -1002px; width:116px; height:33px; border:0px; cursor:pointer;}
.btn_style_bigexchange{background:url(../../images/web/elements.gif) no-repeat -641px -1002px; width:139px; height:35px; border:0px; cursor:pointer;}

.btn_style_bigcollect{ background:url(../../images/web/elements.gif) no-repeat -338px -1002px; width:96px; height:33px; border:0px; cursor:pointer;}

.btn_style_sbuy{ background:url(../../images/web/btns.gif) no-repeat 0px -167px; width:20px; height:20px; color:#fff; cursor:pointer; border:none; border:0px; padding-top:1px; *padding-top:3px; text-align:center;}
.btn_style_scollect{ background:url(../../images/web/btns.gif) no-repeat 0px -167px; width:20px; height:20px; color:#fff; cursor:pointer; border:none; border:0px; padding-top:1px; *padding-top:3px;}
.btn_style_scompare{background:url(../../images/web/btns.gif) no-repeat 0px -167px; width:20px; height:20px; color:#fff; cursor:pointer; border:none; border:0px; padding-top:1px; *padding-top:3px;}

/*文本框样式*/
.txt_style_1{ border:1px solid #CCC; font-size:12px;}
.txt_style_search{ border:1px solid #CCC; height:15px;}
.txt_style_2{ border:1px solid #CCC;}
.txt_style_3{ border:1px solid #CCC; width:200px; height:20px;}
.txt_style_4{ border:1px solid #CCC; width:300px; height:20px;}
.txt_style_5{ border:1px solid #CCC; width:300px; height:120px;}


/* 下拉框样式 */
.select_style_1{ border:1px solid #CCC; background:#DBE9FB;}

/*字体样式*/
.f_black{ color:#FFF; text-decoration:none;}
.f_white { color:#333; text-decoration:none;}
.f_white_1, a.f_white_1:hover { color:#fff; text-decoration:none;}
.f_white_2{ color:#fff; font-family:Verdana, Geneva, sans-serif; padding-top:10px;}
.f_blue{ color:#666;}
.f_red{ color:#970000;}
.f_orange_bold{ color:#F30; font-weight:bold;}
.f_market{color:#999999; text-decoration:line-through;}
.f_shop{ color:#A10000;}
.f_pname{  color:#039;}
.f_gray{ color:#666; font-weight:bold;}
.f_gray_white{ color:#72727c;}

.f_1{ font-size:12px;}
.f_2{ font-size:12px;}
.f_3{ font-size:14px; font-weight:bold;}
.f_4{ font-size:16px; font-weight:bold;}
.f_5{ font-size:12px; #ccc;}

.f_drop{ font-size:12px; font-family:Verdana, Geneva, sans-serif; padding:2px; line-height:22px;}

.f_block_title{ font-size:14px; font-weight:bold; color:#666; line-height:30px; } /* 模块标题 */
.f_small{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#ccc; font-weight:bold;}
.f_small_gray{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#ccc; font-weight:bold;}
/*横线*/
.dashed{ border-bottom:#ccc dashed 1px; width:100%; line-height:0px; height:0px; font-size:0px;}


/* 表格内置padding */
.table_padding_left td,.table_padding_left th{ padding-left:10px;}
.none_border td{ border:0px;}

/*列表*/
.listitem li{  height:25px; line-height:25px; text-indent:20px; background:url(../../images/web/elements.gif) no-repeat 10px -208px;  overflow:hidden;}
.comment_list li{ line-height:25px; text-indent:10px; background:url(../../images/web/tinyicon.gif) no-repeat 0px 10px; overflow:hidden;}

/* 翻页 */
.pagebar { height: 25px; background: none repeat scroll 0% 0% rgb(230, 234, 243); text-align: right; line-height: 22px; padding: 0pt 8px; }
.pagebar img { position: relative; top: 4px; }
.pagebar a { color: rgb(51, 51, 51); text-decoration: none; }
.pagebar a:hover { color: rgb(161, 0, 0); text-decoration: none; }
.pagebar .page_now { color: rgb(161, 0, 0); font-weight: bold; }

 #pager a{color:#666666; text-decoration:none;}
 #pager a:hover{color:#A10000; text-decoration:none;}
   
/* 友情链接 */
.f_link{ padding:10px;}
.f_link img{ width:88px; height:31px; border:1px solid #ccc; padding:5px;}
.txt_link{ padding:20px;}



/* 留言板 */
.msgContent{ line-height:25px;}

/*浏览历史*/

#history_list ul{ margin:0; padding:0; list-style-type:none; height:60px; margin-bottom:5px; border-bottom:dotted #ccc 1px;}
#history_list ul#clear_history{ height:auto; padding:5px;border:0px; cursor:pointer;}
#history_list li{ height:auto; padding:0; padding-bottom:5px; padding-top:5px;}
#history_list li.goodsimg{clear:both; background-image:none;height:auto; padding:1px; height:52px; width:52px;  border:1px solid #e2e2e2; float:left; margin-right:10px; }
#history_list li.goodsimg img{ height:50px; width:50px; margin:0; padding:0}
